.content {
	padding: 30rpx;
	
	.skeleton {
		display: flex;
	}
	
	.title-bar {
		margin-bottom: 30rpx;
		font-size: 32rpx;
		font-weight: bold;
	}
	
	.author-bar {
		display: flex;
		align-items: center;
		margin-bottom: 40rpx;
	}
	
	.avatar {
		width: 60rpx;
		height: 60rpx;
		border-radius: 50%;
		margin-right: 20rpx;
	}
	
	.author-info {
		display: flex;
		flex-direction: column;
		
		.username {
			margin-bottom: 10rpx;
		}
		
		.bio {
			color: $uni-text-color-placeholder;
			font-size: 24rpx;
		}
	}
	
	.content-area {
		margin-bottom: 40rpx;
		// color: $uni-text-color-custom1;
		font-size: 28rpx;
		line-height: 1.5;
	}
	
	.like-button-bar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		.like-button {
			padding: 0 80rpx;
			background-color: $uni-text-color-custom2;
			border-radius: 50rpx;
			color: $uni-bg-color;
			
			text {
				margin-left: 6rpx;
			}
		}
		
		.like-active {
			background-color: $uni-color-theme;
		}
		
		.like-count {
			color: $uni-text-color-grey;
			font-size: 28rpx;
		}
	}
	
	.view-count-bar {
		margin: 30rpx 0;
		text-align: center;
		font-size: 26rpx;
		color: $uni-text-color-grey;
	}
	
	button::after {
		border: none;
	} 
}